<template>
  <a-space direction="vertical" fill>
    <a-table :columns="columns" :data="data" style="margin-bottom: 5px"></a-table>
    <a-button long type="primary">新增监听器</a-button>
  </a-space>
</template>
<script lang="ts" setup>
const columns = [
  {
    title: "序号",
    dataIndex: "name"
  },
  {
    title: "事件类型",
    dataIndex: "salary"
  },
  {
    title: "监听器类型",
    dataIndex: "address"
  },
  {
    title: "操作",
    dataIndex: "email"
  }
];
const data = reactive([]);
</script>
